.home {
    background-color: #F2F3F6;
    padding-bottom: 1.36rem;
    .search-input {
        background-color: #fff;
        height: 92/75rem;
        display: flex;
        align-items: center;
        .add {height: 30/75rem;margin-left: 31/75rem; margin-right: 15/75rem;}
        .down {font-size: 150%;;margin-left: 15/75rem; margin-top: 4px;}
        .input-div {
            position: relative;
            flex:1;
            width: 0;
            margin-right: 20/75rem;        
            img { 
                height: 34/75rem; 
                position: absolute;
                left: 25px;
                top: 7px;
             }
            .input {
                margin-left: 30/75rem;
                width: 93%;
                border: none;
                background-color: #F5F5F5;
                outline: none;
                height: 60/75rem;
                margin-right: 20/75rem;
                border-radius: 60/75rem;
                padding-left:35px;
                font-size: 25/75rem;
            }
        }
        
    }
    .news {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: .8rem;
        background-color: #fff;
        .left {
            display: flex;
            align-items: center;
            .news-logo {
                color: #ff5050;
                border: 1px solid #ff5050;
                margin: 0 25/75rem 0 20/75rem;
                font-size: 23/75rem;
                padding: 3/75rem;
            }
            .news-title {
                color: #444444;
                font-size: 26/75rem;
            }
        }        
        .img {
            margin-right: 20/75rem;
            justify-self: flex-end;
            img {width: 15/75rem;height: 30/75rem;}
        }
    }
    .type-list {
        margin-top: 20/75rem;
        background-color: #fff;
        padding: 30/75rem;
        display: flex;
        flex-wrap: wrap;
        .type-list-item {
            width: 20%;
            text-align: center;
            >img {height: 38/75rem; margin-bottom: 20/75rem;}
            &.top {
                margin-bottom: 44/75rem;
            }
            img{
                // height: 70rem/75;
                // width: 80rem/75;
                // margin-bottom: 10/75rem;
                height: 50rem/75;
                width: 50rem/75;
                margin-bottom: 12/75rem;
            }
        };
    }
    .ershou-list {
        background-color: #fff;
        margin-top: 20/75rem;
        .ershou-title {
            height: 1rem;
            line-height: 1rem;
            text-align: center;
            border-bottom: 1/75rem solid #ccc;
            color: #444;
            img {height: 30/75rem; margin-left: 20/75rem;}
        }
        .ershou-item-content {
            display: flex;
            flex-wrap: wrap;
            .ershou-item {
                display: flex;
                width: 50%;
                box-sizing: border-box;
                // height: 242/75rem;
                padding: 24/75rem 45/75rem 25/75rem 45/75rem;
                flex-direction: column;
                &:nth-child(2n-1) {border-right: 1/75rem solid #ccc;}
                &.bottom {
                    border-bottom: 1/75rem solid #ccc;
                }
                .title {
                    font-size: 26/75rem;
                    color: #444444;
                }
                .sub-title {
                    font-size: 22/75rem;
                    color: #999999;
                    margin-bottom: 10/75rem;
                }
                .img-list {
                    margin-top: 10/75rem;
                    text-align: right;
                    img {
                        height: 58rem/37.5;
                        width: 135rem/37.5;
                        &:first-child{margin-right: 20/75rem;}
                    }
                }
            }
        }
    }
    .ershou-title {
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        border-bottom: 1/75rem solid #ccc;
        color: #444;
        img {height: 30/75rem; margin-left: 20/75rem;}
    }
    .scroller {
        background-color: #fff;
        margin-top: 20/75rem;
        padding: 20/75rem;
        .ershou-title {
            border-bottom: none;
            margin-bottom: 5/75rem;
        }
        .scroll-wrapper {
            width: 100%;
            overflow: hidden;
            .scroller-content {
                display: flex;
                .scroller-item {
                    // text-align: center;
                    flex: 1;
                    margin-right: 14px;
                    padding-bottom: 20/75rem;
                    .scroll-background {
                        background-color: #F1E9E9;
                        padding: 25/75rem 0;
                        width: 150rem/37.5;
                        height: 134rem/37.5;
                        text-align: center;
                        img{
                            width: 97rem/37.5;
                            height: 109rem/37.5;
                            border-left-width: 0;
                        }
                    }
                    .title { font-size: 30/75rem; color: #444; margin-top: 12/75rem; }
                    .price-tag {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        color: #ff4444;
                        .tag { background-color: #FDEFEC; font-size: 23/75rem;  padding: 5/75rem 10/75rem;}
                    }
                }
            }
        }
        
    }
    .more-com {
        background-color: #fff;
        margin-top: 20/75rem;
        padding: 0 30/75rem;
        .ershou-title { border: none; margin-bottom: 10/75rem;}
        .more-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .more-item {
                .img {
                    height: 327/75rem;
                    width: 327/75rem;
                    background-color: #E2E2E2;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    >img {width: 80%;}
                }
                .more-title {
                    // font-size: 30/75rem; 
                    // color: #444;
                    height: 78rem/75;
                    margin-top: 18/75rem;
                    font-size: 15rem/37.5;
                    color: #444;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
                .price-tag {
                    margin-top: 30/75rem;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    color: #ff4444;
                    .tag { background-color: #FDEFEC; font-size: 23/75rem;  padding: 5/75rem 10/75rem;}
                }
                width: 48%;
                margin-bottom: 20/75rem;
            }
        }
    }
}
.break {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
